<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, 
    maximum-scale=1.0, user-scalable=0" />    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
   <link rel="stylesheet" href="./css/11 12.css">
</head>
<body>
 <div class="box">
    <nav>
        <a href="#">
            <img src="./images/logo.jpg" alt="">
        </a>
        <a href="#">
            <img src="./images/my.jpg" alt="">
        </a>
        <a href="#">
            <img src="./images/xiazai.jpg" alt="">
        </a>
    </nav>
 </div>
   
    <section class="lu one">
        <div class="deng">
            <span>首页</span>
            <span> > 我的 > 登录</span>
        </div>
        <div class="deng den">
            <span class="sp">普通登录</span>
            <span class="sp">验证码快捷登录</span>
        </div>
        <div class="deng">
            <input type="text" placeholder="请输入手机号码">
        </div>
        <div class="deng">
            <input type="password" placeholder="请输入密码">
        </div>
        <div class="deng">
            立即登录
        </div>
        <div class="deng">
        <a href="#">立即注册</a>
        <a href="#">忘记密码</a>
        </div>

    </section>


    <section class="lu one two">
        <div class="deng">
            <span>首页</span>
            <span> > 我的 > 登录</span>
        </div>
        <div class="deng">
            <span>普通登录</span>
            <span>验证码快捷登录</span>
        </div>
        <div class="deng">
            <input type="text" placeholder="请输入手机号码">
            <button>发送验证码</button>
        </div>
        <div class="deng">
            <input type="password" placeholder="请输入短信中的验证码">
        </div>
        <div class="deng">
            立即登录
        </div>
        <div class="deng">
        <a href="#">立即注册</a>
        <a href="#">忘记密码</a>
        </div>

    </section>




    <script src="./js/flexible.js"></script>
    <script src="./js/jquery.min.js"></script>

    <script>
       $(function() {
        $(".den .sp").click(function(){
            $(".sp").addClass(".w").siblings().removeClass(".w");
            var index = $(this).index();
                    console.log((index));
          $(".one").eq(index).show().siblings().hide()

        })
       })
    </script>

</body>
</html>